// /**
//  * initial constance confing
//  * 信息配置
//  */
// const main_config = {
//     //请求主机， ‘’ 默认为本机
//     request_host: '',
//     api_url: {
//         //api配置
//         garbage_detect: {
//             method: 'post',
//             url: '',
//             result_transfer: {
//                 '0': '车',
//                 '1': '人',
//                 '2': '监控',
//             }
//         }
//     },
//     file_limite: {
//         size: 5,
//         extension: 'png|jpg|jpeg|bmp',
//         error_size: '上传的文件尺寸超过最大限制！',
//         error_extension: '上传的文件格式不符合要求！',
//     },
//     canvas_size: {
//         width: 840,
//         height: 624,
//     },
//     time_stamp: new Date().getTime()
// }
//
//
// /**
//  *渲染json文本
//  */
//
// function json_view(json_result) {
//     if (typeof json_result != 'string') {
//         json = JSON.stringify(json_result, undefined, 2);
//     }
//     json = json.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
//     return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
//         var cls = 'number';
//         if (/^"/.test(match)) {
//             if (/:$/.test(match)) {
//                 cls = 'key';
//             } else {
//                 cls = 'string';
//             }
//         } else if (/true|false/.test(match)) {
//             cls = 'boolean';
//         } else if (/null/.test(match)) {
//             cls = 'null';
//         }
//         return '<span class="' + cls + '">' + match + '</span>';
//     });
// }
//
// /**
//  *创建原生 ajax 对象
//  */
// function createXHR() {
//     var req = null;
//     if (window.XMLHttpRequest) {
//         req = new XMLHttpRequest();
//     } else {
//         req = new ActiveXObject("Microsoft.XMLHTTP");
//     }
//     return req;
// }
//
// /**
//  *打包请求数据
//  */
// function package_data(img_data, file) {
//     var base64_data = img_data.substring(img_data.indexOf(',') + 1)
//     var file_type = file.type.substring(file.type.indexOf('/') + 1)
//     return {
//         'type': file_type,
//         'data': base64_data,
//     }
// }
//
// /**
//  *上传图片预览
//  */
// function create_canvas(foo_tag, img, abjusted_size) {
//     foo_tag.removeChild(foo_tag.firstChild)
//     var canvas = document.createElement('canvas')
//     canvas.width = img.width
//     canvas.height = img.height
//     canvas.setAttribute('style', 'left:50%;top:50%;transform:translate(-50%,-50%)scale(' + abjusted_size.scale + ')')
//     var ctx = canvas.getContext('2d')
//     ctx.drawImage(img, 0, 0)
//     foo_tag.append(canvas)
// }
//
// /**
//  *发送检测图片的请求，并渲染数据
//  */
// function detect_img(img, file, abjusted_size) {
//     document.getElementById('img-scanning').setAttribute('style', 'display:block;')
//     document.getElementById('detect_result').innerText = 0
//     document.getElementById('result').innerHTML = json_view({});
//
//     var data = package_data(img.src, file)
//     var xhr = createXHR()
//     xhr.open(main_config.api_url.garbage_detect.method,
//         main_config.request_host + main_config.api_url.garbage_detect.url, true)
//     xhr.send(JSON.stringify(data))
//     xhr.onreadystatechange = function (e) {
//         if (xhr.readyState == 4 && xhr.status == 200) {
//             var resp = JSON.parse(xhr.response)
//             document.getElementById('result').innerHTML = json_view(resp);
//             document.getElementById('detect_result').innerText =
//                 main_config.api_url.garbage_detect.result_transfer[resp.data.result_type]
//         }
//         document.getElementById('img-scanning').setAttribute('style', 'display:none;')
//     }
// }
//
// /**
//  *过滤文件数据格式
//  */
// function test_file(file) {
//     if ((file.size / 1024 / 1024).toFixed(2) > main_config.file_limite.size) {
//         document.getElementById("error-tip").innerText =
//             main_config.file_limite.error_size
//         return true
//     }
//     if (!new RegExp('.*?(' + main_config.file_limite.extension + ')', 'i').test(file.name)) {
//         document.getElementById("error-tip").innerText = main_config.file_limite.error_extension
//         return true
//     }
//     document.getElementById("error-tip").innerText = ''
//     return false
// }
//
// /**
//  *等比例调整图片尺寸
//  */
// function abjust_size(max_size, img) {
//     var img_w = img.width
//     var img_h = img.height
//     var abjusted_size = {
//         scale: 1,
//         width: img_w,
//         height: img_h
//     }
//     if (img_w > img_h) {
//         if (img_w > max_size.width) {
//             abjusted_size.scale = max_size.width / img_w
//             abjusted_size.width = max_size.width
//             abjusted_size.height = img_h * abjusted_size.scale
//         }
//     } else {
//         if (img_h > max_size.height) {
//             abjusted_size.scale = max_size.height / img_h
//             abjusted_size.height = max_size.height
//             abjusted_size.width = img_w * abjusted_size.scale
//         }
//     }
//     return abjusted_size
// }
//
// /**
//  *上传检测图片事件，主要函数
//  */
// function upload_img() {
//     var file = this.files[0];
//     if (!file)
//         return
//     if (test_file(file))
//         return
//     var reader = new FileReader();
//     reader.readAsDataURL(file)
//     reader.onload = function () {
//         var img = new Image()
//         img.src = this.result
//         img.onload = function () {
//             var abjusted_size = abjust_size(main_config.canvas_size, img)
//             create_canvas(document.getElementsByClassName('canvas-container')[0],
//                 img, abjusted_size)
//             detect_img(img, file, abjusted_size)
//         }
//     }
// }
//
// window.onload = function () {
//     document.getElementById('result').innerHTML = json_view({});
//     //监听上传文件按钮
//     document.getElementById('image-upload').addEventListener('change', upload_img, false);
// }


function changepic() {
    $("#prompt3").css("display", "none");
    var reads = new FileReader();
    f = document.getElementById('file').files[0];
    reads.readAsDataURL(f);
    reads.onload = function(e) {
        document.getElementById('img3').src = this.result;
        $("#img3").css("display", "block");
        $("#img4").css("display", "none");

        // $.ajax({
        //     url: "/index/",
        //     data: JSON.stringify({    // JSON格式封装数据
        //         img:document.getElementById('img3').src
        //     }),
        //     contentType: 'application/json',
        //     type: "POST",
        //     traditional: false,    // 需要传递列表、字典时加上这句
        //     success: function(result) {
        //         alert('传输成功')
        //     },
        //     fail: function(result) {
        //         alert('传输失败')
        //     }
        // })
    }
}
